{$xp_currentnav_html}

<form id="edit-form" class="form-horizontal xc-detailpage-div" role="form" data-toggle="validator" method="POST" action="">
    <input id="c-id" class="form-control" name="row[id]" type="hidden" value="{$row.id|htmlentities}">
    <input id="c-locales" class="form-control" name="row[locales]" type="hidden" value="{$row.locales|htmlentities}">

    <div class="col-md-8">
        <div class="xc-grouptitle">工单头部设置</div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themelogoimage')}:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="input-group">
                    <input id="c-themelogoimage" class="form-control" size="50" name="row[themelogoimage]" type="text" value="{$row.themelogoimage|htmlentities}">
                    <div class="input-group-addon no-border no-padding">
                        <span><button type="button" id="faupload-themelogoimage" class="btn btn-danger faupload" data-input-id="c-themelogoimage" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-themelogoimage"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                        <span><button type="button" id="fachoose-themelogoimage" class="btn btn-primary fachoose" data-input-id="c-themelogoimage" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                    </div>
                    <span class="msg-box n-right" for="c-themelogoimage"></span>
                </div>
                <ul class="row list-inline faupload-preview" id="p-themelogoimage"></ul>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themelogodivstyle')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themelogodivstyle" class="form-control" name="row[themelogodivstyle]" type="hidden" value="{$row.themelogodivstyle|htmlentities}">
                <div id="s-themelogodivstyle"></div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themebannertype')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select  id="c-themebannertype" class="form-control selectpicker" name="row[themebannertype]">
                    {foreach name="themebannertypeList" item="vo"}
                        <option value="{$key}" {in name="key" value="$row.themebannertype"}selected{/in}>{$vo}</option>
                    {/foreach}
                </select>
            </div>
        </div>
        <div class="form-group" data-favisible="themebannertype=STRING">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themebannerstring')}:</label>
            <div class="col-xs-12 col-sm-8">
                <textarea id="c-themebannerstring" class="form-control " rows="5" name="row[themebannerstring]" cols="50">{$row.themebannerstring|htmlentities}</textarea>
            </div>
        </div>
        <div class="form-group" data-favisible="themebannertype=STRING">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themebannerstringstyle')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themebannerstringstyle" class="form-control" name="row[themebannerstringstyle]" type="hidden" value="{$row.themebannerstringstyle|htmlentities}">
                <div id="s-themebannerstringstyle"></div>
            </div>
        </div>
        <div class="form-group" data-favisible="themebannertype=STRING">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themebannerstringdivstyle')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themebannerstringdivstyle" class="form-control" name="row[themebannerstringdivstyle]" type="hidden" value="{$row.themebannerstringdivstyle|htmlentities}">
                <div id="s-themebannerstringdivstyle"></div>
            </div>
        </div>
        <div class="form-group" data-favisible="themebannertype=IMAGE">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themebannerimage')}:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="input-group">
                    <input id="c-themebannerimage" class="form-control" size="50" name="row[themebannerimage]" type="text" value="{$row.themebannerimage|htmlentities}">
                    <div class="input-group-addon no-border no-padding">
                        <span><button type="button" id="faupload-themebannerimage" class="btn btn-danger faupload" data-input-id="c-themebannerimage" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-themebannerimage"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                        <span><button type="button" id="fachoose-themebannerimage" class="btn btn-primary fachoose" data-input-id="c-themebannerimage" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                    </div>
                    <span class="msg-box n-right" for="c-themebannerimage"></span>
                </div>
                <ul class="row list-inline faupload-preview" id="p-themebannerimage"></ul>
            </div>
        </div>
        <div class="form-group" data-favisible="themebannertype=IMAGES">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themebannerimages')}:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="input-group">
                    <input id="c-themebannerimages" class="form-control" size="50" name="row[themebannerimages]" type="text" value="{$row.themebannerimages|htmlentities}">
                    <div class="input-group-addon no-border no-padding">
                        <span><button type="button" id="faupload-themebannerimages" class="btn btn-danger faupload" data-input-id="c-themebannerimages" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-themebannerimages"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                        <span><button type="button" id="fachoose-themebannerimages" class="btn btn-primary fachoose" data-input-id="c-themebannerimages" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                    </div>
                    <span class="msg-box n-right" for="c-themebannerimages"></span>
                </div>
                <ul class="row list-inline faupload-preview" id="p-themebannerimages"></ul>
            </div>
        </div>

        <div class="xc-grouptitle">工单标题设置</div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themetitleshow')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select  id="c-themetitleshow" class="form-control selectpicker" name="row[themetitleshow]">
                    {foreach name="themetitleshowList" item="vo"}
                        <option value="{$key}" {in name="key" value="$row.themetitleshow"}selected{/in}>{$vo}</option>
                    {/foreach}
                </select>

            </div>
        </div>
        <div class="form-group" data-favisible="themetitleshow=Y">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themetopnavigationtitle')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themetopnavigationtitle" class="form-control" name="row[themetopnavigationtitle]" type="text" value="{$row.themetopnavigationtitle|htmlentities}">
                如果为空，则默认显示工单标题
            </div>
        </div>
        <div class="form-group" data-favisible="themetitleshow=Y">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themetitlefont')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themetitlefont" class="form-control" name="row[themetitlefont]" type="hidden" value="{$row.themetitlefont|htmlentities}">
                <div id="s-themetitlefont"></div>
            </div>
        </div>
        <div class="form-group" data-favisible="themetitleshow=Y">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themetitledivstyle')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themetitledivstyle" class="form-control" name="row[themetitledivstyle]" type="hidden" value="{$row.themetitledivstyle|htmlentities}">
                <div id="s-themetitledivstyle"></div>
            </div>
        </div>

        <div class="xc-grouptitle">工单提干设置</div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themequestionnoshow')}:</label>
            <div class="col-xs-12 col-sm-8">

                <select  id="c-themequestionnoshow" class="form-control selectpicker" name="row[themequestionnoshow]">
                    {foreach name="themequestionnoshowList" item="vo"}
                        <option value="{$key}" {in name="key" value="$row.themequestionnoshow"}selected{/in}>{$vo}</option>
                    {/foreach}
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themequestionfont')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themequestionfont" class="form-control" name="row[themequestionfont]" type="hidden" value="{$row.themequestionfont|htmlentities}">
                <div id="s-themequestionfont"></div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themequestiondivstyle')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themequestiondivstyle" class="form-control" name="row[themequestiondivstyle]" type="hidden" value="{$row.themequestiondivstyle|htmlentities}">
                <div id="s-themequestiondivstyle"></div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themeoptionsfontcolor')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themeoptionsfontcolor" class="form-control" name="row[themeoptionsfontcolor]" type="hidden" value="{$row.themeoptionsfontcolor|htmlentities}">
                <div id="s-themeoptionsfontcolor"></div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themeoptionsselectedcolor')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themeoptionsselectedcolor" class="form-control" name="row[themeoptionsselectedcolor]" type="hidden" value="{$row.themeoptionsselectedcolor|htmlentities}">
                <div id="s-themeoptionsselectedcolor"></div>
            </div>
        </div>


        <div class="xc-grouptitle">欢迎/结束语设置</div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themewelcomefont')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themewelcomefont" class="form-control" name="row[themewelcomefont]" type="hidden" value="{$row.themewelcomefont|htmlentities}">
                <div id="s-themewelcomefont"></div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themewelcomedivstyle')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themewelcomedivstyle" class="form-control" name="row[themewelcomedivstyle]" type="hidden" value="{$row.themewelcomedivstyle|htmlentities}">
                <div id="s-themewelcomedivstyle"></div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themeendfont')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themeendfont" class="form-control" name="row[themeendfont]" type="hidden" value="{$row.themeendfont|htmlentities}">
                <div id="s-themeendfont"></div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themeendedivstyle')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themeendedivstyle" class="form-control" name="row[themeendedivstyle]" type="hidden" value="{$row.themeendedivstyle|htmlentities}">
                <div id="s-themeendedivstyle"></div>
            </div>
        </div>


        <div class="xc-grouptitle">工单底部设置</div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themesubmitstring')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themesubmitstring" class="form-control" name="row[themesubmitstring]" type="text" value="{$row.themesubmitstring|htmlentities}">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-3">{:__('Themesubmitdivstyle')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-themesubmitdivstyle" class="form-control" name="row[themesubmitdivstyle]" type="hidden" value="{$row.themesubmitdivstyle|htmlentities}">
                <div id="s-themesubmitdivstyle"></div>
            </div>
        </div>






        <div class="form-group layer-footer">
            <label class="control-label col-xs-12 col-sm-3"></label>
            <div class="col-xs-12 col-sm-8">
                <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
                <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="demo-model">
            <div class="model-content">
                <iframe data-v-34a354a3=""   id="demo-modal" scrolling="auto" frameborder="0" class="iframe"></iframe>
            </div>
        </div>
    </div>

</form>
<style>
.demo-model{
    font-size: 16px;
    background-color: #fff;
    width: 355px;
    height: 730px;
    position: fixed;
    z-index: 10;
    margin: 0;
    top: 80px;
    box-sizing: border-box;
    overflow-y: auto;
    background-image: url(/assets/addons/csmwj/img/iPhone13.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 30px;
    padding: 48px 13px 25px;
}
.model-content {
    box-sizing: border-box;
    height: 100%;
    border-bottom-left-radius: 30px;
}
.iframe {
    height: 640px;
    width: 325px;
    border-radius: 30px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    box-sizing: border-box;
}
</style>
